<template>
  <div class='content'>
    <box-container :toolsShow='false'
                   class='bg-grey'>
     <scroll-1></scroll-1>
    </box-container>
    <box-container :toolsShow='false'
                   class='bg-grey'>
      <scroll-2></scroll-2>
    </box-container>
    <box-container :toolsShow='false'
                   class='bg-grey'>
      <scroll-3></scroll-3>
    </box-container>
    <box-container :toolsShow='false'
                   class='bg-grey'>
      <scroll-4 :source="source"></scroll-4>
    </box-container>
  </div>
</template>
<script>
import boxContainer from '../common/box-container'
import scroll1 from '../../cell/scroll/scroll-style-1.vue'
import scroll2 from '../../cell/scroll/scroll-style-2.vue'
import scroll3 from '../../cell/scroll/scroll-style-3.vue'
import scroll4 from '../../cell/scroll/scroll-style-4.vue'
export default {
  components: {
    'box-container': boxContainer,
    'scroll-1':scroll1,
    'scroll-2':scroll2,
    'scroll-3':scroll3,
    'scroll-4':scroll4,
  },
  data () {
    return {
      source:[ {
    id:1,
    pic:require("../../../assets/img/1.jpg"),
    descript:{
      name:"蒙奇·D·路飞",
      identity:"船长",
      dream:"梦想成为“海贼王”，以此为目标在大海上航行。"
    }
  },
    {
    id:2,
    pic:require("../../../assets/img/2.jpg"),
    descript:{
      name:"乌索普",
      identity:"狙击手",
      dream:"梦想“成为勇敢的海上战士”，以此为目标在大海上航行。"
    }
  },
    {
    id:3,
    pic:require("../../../assets/img/3.jpg"),
    descript:{
      name:"罗罗诺亚·索隆",
      identity:"三刀流剑士",
      dream:"梦想成为“世界第一大剑豪”，以此为目标在大海上航行。"
    }
  },
    {
    id:4,
    pic:require("../../../assets/img/4.jpg"),
    descript:{
      name:"山治",
      identity:"厨师",
      dream:"梦想“找到传说中的海域·All Blue”，以此为目标在大海上航行。"
    }
  },
  //   {
  //   id:5,
  //   pic:require("../../../assets/img/5.jpg"),
  //   descript:{
  //     name:"弗兰奇",
  //     identity:"船匠",
  //     dream:"梦想“乘坐自己制作的梦想之船绕伟大航路一周”，以此为目标在大海上航行。"
  //   }
  // },
  //   {
  //   id:6,
  //   pic:require("../../../assets/img/6.jpg"),
  //   descript:{
  //     name:"娜美",
  //     identity:"航海士",
  //     dream:" 梦想绘制“全世界的地图”，以此为目标在大海上航行。"
  //   }
  // },
  ]
      
    }
  },
  mounted () {
    // this.$Notice.open({
    //   title: '注意',
    //   desc: '当前部分盒容器背景图片尺寸非标准，暂无尺寸规范，坐等标准',
    //   duration: 0,
    // });
  },
  beforeDestroy () {

  },
}
</script>
<style lang="scss" scoped>
@import "./box.scss";
</style>

